/* eslint no-unused-vars:0 */
import React from 'react';
import { Row, Col, Checkbox, Button, Icon, Card } from 'antd';

const ButtonGroup = Button.Group;

export default class ContentPage extends React.Component {
    state = {
        ainfoSource: '新浪微博',
        publish: '2019-4-4',
        author: '财经直播',
        acontent: 'mmmmm',
        title: 'TITLE'
    };
    render() {
        return (
            <div>
                <Row style={{ borderColor: 'rgba(214, 214, 214, 0.9)' }}>
                    <ButtonGroup>
                        <Button
                            style={{
                                marginLeft: '5px',
                                width: '100px',
                                height: '40px'
                            }}>
                            按发布时间
                        </Button>
                        {/*<Button style={{marginLeft:"5px", width:"100px", height:"40px"}}>按采集时间</Button>*/}
                        <Button
                            style={{
                                marginLeft: '5px',
                                width: '100px',
                                height: '40px'
                            }}>
                            按热度时间
                        </Button>
                    </ButtonGroup>
                </Row>
                <Row>
                    <Col span="2">
                        <Checkbox style={{ marginTop: '30px' }}>全选</Checkbox>
                    </Col>
                    <Col span="22">
                        <ButtonGroup>
                            <Button
                                style={{
                                    marginLeft: '5px',
                                    width: '40px',
                                    height: '40px'
                                }}>
                                <Icon type="file-word" theme="filled" />
                            </Button>
                            <Button
                                style={{
                                    marginLeft: '5px',
                                    width: '40px',
                                    height: '40px'
                                }}>
                                <Icon type="file-excel" theme="filled" />
                            </Button>
                            <Button
                                style={{
                                    marginLeft: '5px',
                                    width: '40px',
                                    height: '40px'
                                }}>
                                <Icon type="like" />
                            </Button>
                            <Button
                                style={{
                                    marginLeft: '5px',
                                    width: '40px',
                                    height: '40px'
                                }}>
                                <Icon type="star" theme="filled" />
                            </Button>
                            <Button
                                style={{ marginLeft: '5px', height: '40px' }}>
                                全部导出Word
                            </Button>
                            <Button
                                style={{ marginLeft: '5px', height: '40px' }}>
                                全部导出Excel
                            </Button>
                            <Button
                                style={{ marginLeft: '5px', height: '40px' }}>
                                全部导出PDF
                            </Button>
                        </ButtonGroup>
                    </Col>
                </Row>
                <hr />
                <Row>
                    <Card />
                    <Col span="2">
                        <Checkbox style={{ marginTop: '20px' }}>全选</Checkbox>
                    </Col>
                    <Col span="22">
                        <Card
                            title={this.state.title}
                            style={{
                                backgroundColor: '#555555',
                                marginTop: '20px'
                            }}>
                            <p>
                                {' '}
                                <Col span="4">
                                    信息源：{this.state.ainfoSource}
                                </Col>
                                <Col span="4">
                                    发布信息：{this.state.publish}
                                </Col>
                                <Col span="4">作者：{this.state.author}</Col>
                            </p>
                            <p>实时播报。。。。。。{this.state.acontent}</p>
                        </Card>
                    </Col>
                </Row>
            </div>
        );
    }
}
